<template>
  <div>
    404Page
    <br>
    父组件--
    <input type="text" v-model="abc">
    <br>
    bbb--{{bbb}}
    <hr>
    <!-- 生命周期 -->
    <Inp :abc="abc" @sonFun="getSon"/>
    <hr>
    <Son2/>
  </div>
</template>

<script>
import Inp from "./Inp";
import Son2 from './Son2'
export default {
  data() {
    return {
      abc: "aaa",
      bbb:''
    };
  },
  methods:{
      getSon(a){
          this.bbb=a
      }
  },
  components: {
    Inp,
    Son2
  },
  beforeCreate() {
    console.log("father-beforeCreate");
  },
  created() {
    console.log("father-created");
  },
  beforeMount() {
    console.log("father-beforeMount");
  },
  mounted() {
    console.log("father-mounted");
  },
  beforeUpdate() {
    console.log("father-beforeUpdate");
  },
  updated() {
    console.log("father-updated");
  },
  beforeDestroy() {
    console.log("father-beforeDestroy");
  },
  destroyed() {
    console.log("father-destroyed");
  }
};
</script>

<style>
</style>
